<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/main.css" rel="stylesheet">
    <link href="/css/common.css" rel="stylesheet">
    <link href="/css/recharge.css" rel="stylesheet">
    <script src="//at.alicdn.com/t/font_491183_wcpwobo2e0tqpvi.js"></script>
    <title>Document</title>
</head>

<body>
    <header></header>
    <div class="user">
        <div class="clearfix">
            <div class="user_nav">
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-liebiao"></use>
                        </svg>
                        资金总览</h4>
                    <a href="/user/pandect.html">资金总览</a>
                    <a href="/user/recharge.html">充值</a>
                    <a href="/user/enchashment.html">提现</a>
                    <a href="/user/record.html">交易查询</a>
                    <a href="/user/user.html">账户认证</a>
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-touzi-copy"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myBidPlanList.html">点点安赢</a>
                    <a href="/user/vip.html">点点专享</a>
                    <a href="/user/assignment.html">自动投标</a>
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-moneybag"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myloan.html" class="active">我的借款</a>
                </div>
            </div>
            <div class="recharge tab-pane">
                <h4>
                    <a href="/user/user.html">我的投资</a>
                    <a>></a>
                    <a class="active">点点专享</a>
                </h4>
                <div class="nav">
                    <span href="#repayment" role="tab" data-toggle="tab" class="color">还款中</span>
                    <span href="#invite" role="tab" data-toggle="tab">招标中</span>
                    <span href="#settle" role="tab" data-toggle="tab">已结清</span>
                    <span href="#apply" role="tab" data-toggle="tab">申请中</span>
                </div>
                <div class="tab-content">
                    <div id="repayment" class="point_list tab-pane active">
                        <table style="width:100%" class="table table-condensed">
                            <thead>
                                <tr>
                                    <td>借款名称</td>
                                    <td>还款期号</td>
                                    <td>计划还款日</td>
                                    <td>应还本息合计</td>
                                    <td>当前罚息</td>
                                    <td>当前应还金额</td>
                                    <td>查看</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>18304853</td>
                                    <td>2017-08-21</td>
                                    <td>100.05</td>
                                    <td>0.05元</td>
                                    <td>120.80元</td>
                                    <td>
                                        <span class="btn btn-xs btn-primary">回款</span>
                                        <span class="btn btn-xs btn-primary">债权</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="invite" class="point_list tab-pane">
                        <table style="width:100%" class="table table-condensed">
                            <thead>
                                <tr>
                                    <td>借款名称</td>
                                    <td>还款金额</td>
                                    <td>发标时间</td>
                                    <td>期限</td>
                                    <td>年化利率</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>1000.00元</td>
                                    <td>2017-08-21</td>
                                    <td>181天</td>
                                    <td>0.005%</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="settle" class="point_list tab-pane">
                        <table style="width:100%" class="table table-condensed">
                            <thead>
                                <tr>
                                    <td>借款名称</td>
                                    <td>招标金额</td>
                                    <td>发标时间</td>
                                    <td>期限</td>
                                    <td>年化利率</td>
                                    <td>还款总额</td>
                                    <td>还清日期</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>1000.00元</td>
                                    <td>2017-08-21</td>
                                    <td>100天</td>
                                    <td>0.99%</td>
                                    <td>120.80元</td>
                                    <td>2017-08-21</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="apply" class="point_list tab-pane">
                        <table style="width:100%" class="table table-condensed">
                            <thead>
                                <tr>
                                    <td>借款名称</td>
                                    <td>借款产品</td>
                                    <td>借款金额</td>
                                    <td>借款期限</td>
                                    <td>申请日期</td>
                                    <td>申请/审核状态</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>516.54元</td>
                                    <td>181天</td>
                                    <td>2017-08-21</td>
                                    <td>已审核</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer></footer>
    <!-- <script src="//at.alicdn.com/t/font_380032_fc89xibpf401kyb9.js"></script> -->
    <script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        $(".nav span").click(function () {
            $(".nav span").removeClass();
            $(this).addClass("color")
        })
    </script>
</body>

</html>